@charset "utf-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers (opinionated).
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Add the correct display in IE 9-.
   */
  
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */
  
  figcaption,
  figure,
  main { /* 1 */
    display: block;
  }
  
  /**
   * Add the correct margin in IE 8.
   */
  
  figure {
    margin: 1em 40px;
  }
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
  
  a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
  
  b,
  strong {
    font-weight: inherit;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font style in Android 4.3-.
   */
  
  dfn {
    font-style: italic;
  }
  
  /**
   * Add the correct background and color in IE 9-.
   */
  
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  audio,
  video {
    display: inline-block;
  }
  
  /**
   * Add the correct display in iOS 4-7.
   */
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  /**
   * Remove the border on images inside links in IE 10-.
   */
  
  img {
    border-style: none;
  }
  
  /**
   * Hide the overflow in IE.
   */
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers (opinionated).
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  html [type="button"], /* 1 */
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button; /* 2 */
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * 1. Add the correct display in IE 9-.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
  }
  
  /**
   * Remove the default vertical scrollbar in IE.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10-.
   * 2. Remove the padding in IE 10-.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */
  
  details, /* 1 */
  menu {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Scripting
     ========================================================================== */
  
  /**
   * Add the correct display in IE 9-.
   */
  
  canvas {
    display: inline-block;
  }
  
  /**
   * Add the correct display in IE.
   */
  
  template {
    display: none;
  }
  
  /* Hidden
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10-.
   */
  
  [hidden] {
    display: none;
  }


  /*每个网站单独共用部分*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

body {
	font-family: "\5FAE\8F6F\96C5\9ED1";
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: none;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a:focus {
	outline: 0;
}
.imggray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.op10 {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	transition-delay: 0s;
}
#update_browser_plz {
	display: none;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	_zoom: 1;
}
*+html .clearfix {
	overflow: auto;
}

.wrap{ width:1500px; position:relative; margin:0 auto;}

.section1 {
	/*background: url(../images/bg1.jpg) 50% 50%;
	background-size: cover;*/
}
.section2 {
	background: url(../images/bg2.jpg) 50% 50%;
	background-size: cover;
}
.section3 {
	background: url(../images/bg3.jpg) 50% 50%;
	background-size: cover;
}
.section4 {
	/*background: #f8f8f8;
	background-size: cover;
	display: none;*/
	background: url(../images/bg3new.jpg) 50% 50%;
	background-size: cover;

}
.section5 {
	/*background: #f8f8f8;
	background-size: cover;
	display: none;*/
	background: url(../images/bg4.jpg) 50% 50%;
	background-size: cover;
}
.section6 {
	/*background: #f2f2f2;
	background-size: cover;
	display: none;*/
	background: url(../images/bg3new.jpg) 50% 50%;
	background-size: cover;
}
.section7 {
	background: url(../images/bg7.jpg) 50% 50%;
	background-size: cover;
}
.section2, .section3, .section4, .section5, .section6, .section7 {
	display: none;
}
.active .section2, .active .section3, .active .section4, .active .section5, .active .section6, .active .section7 {
	display: block;
}
#head {
	/*width: 100%;
	min-height: 68px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;*/

	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 0 3%;
    padding-top: 15px;
	

}
#head h1 {
	width: 190px;
	height: 32px;
	 
	float: left;
}
#head h1 a {
	display: block;
	width: 190px;
	height: 32px;
	background: url(../images/logo.png?t=2020) no-repeat;
	text-indent: -9999px;
	background-size: 100%;
}
#head .menu {
	float: right;
	/*margin-top: 20px;
	margin-right: 35px;
	*/
	font-size: 14px;
	
}
#head .menu li {
	float: left;
	margin: 0 10px;
	color: #838489;
	height: 32px;
}
#head .menu li a:link, #head .menu li a:hover, #head .menu li a:visited {
	color: #838489;
	text-decoration: none;
}
#head .menu li.active a {
	color: #dc3925;
}
#head .menu li.active {
	background: url(../images/menubg.jpg) center bottom no-repeat;
}
#head .menu li.activeb {
	background: url(../images/menubgb.jpg) center bottom no-repeat;
}
#head .menu li.activeb a {
	color: #fff;
}


.menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:10px;/*right:-8px;*/right:3%;font-size: 12px;z-index: 10;width:26px;height:42px; padding:6px 0px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; border-radius:3px;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent !important;}
.menu-link.active span:before { background-color:#ffffff;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#ffffff;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);
}

#foot {
	width: 100%;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9999;
	font-size: 12px;
	color: #838489;
	font-family: Arial, Helvetica, sans-serif;
	height: 34px;
}
#foot .linkbox {
	float: left;
	width: 200px;
	margin-top: 15px;
	 
	 
}
#foot .linkbox li {
	float: left;
	margin-right: 20px;
	width: 24px;
	height: 24px;
	 
	position: relative;
}
#foot .linkbox a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/footlink.png) no-repeat;
 
}
#foot .copybox a{
	color: #838489;
}
#foot .copyboxb a{
	color: #ffffff;
}
#foot a.qq {
	background-position: -3px -6px;
}
#foot a.tel {
	background-position: -39px -6px;
}
#foot a.wb {
	background-position: -73px -6px;
}
#foot li.on a.qq {
	background-position: -3px -68px;
}
#foot li.on a.tel {
	background-position: -39px -68px;
}
#foot li.on a.wb {
	background-position: -73px -68px;
}
#foot li.on i {
	position: absolute;
	
	width: 30px;
	bottom: -3px;
	left: -3px;
	height: 30px;
	border: 2px solid #f00;
	border-radius: 28px;
	-webkit-animation: gif 1s infinite linear;
	animation: gif 1s infinite linear;
	clip: rect(0 auto 12px 0);
}
@keyframes gif {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-webkit-keyframes gif {
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
#foot .copybox, #foot .copyboxb {
	float: right;
	width: 500px;
	text-align: right;
	margin-right: 35px;
}
#foot .copyboxb {
	color: #e4e4e4;
}
#foot p {
	line-height: 25px;
}
.arrow_l, .arrow_r, .arrow_wl, .arrow_wr {
	width: 100px;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 6;
}
.arrow_l {
	background: url(../images/left_arrow.png) no-repeat;
	left: 0;
}
.arrow_r {
	background: url(../images/right_arrow.png) no-repeat;
	left: -50px;
}
.arrow_wl {
	background: url(../images/left_white_arrow.png) no-repeat;
	left: 0;
}
.arrow_wr {
	background: url(../images/right_white_arrow.png) no-repeat;
	left: -50px;
}
.circle_red {
	background: url(../images/circle_red_bg.png) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 5;
	opacity: 0;
}
.circle_white {
	background: url(../images/circle_white_bg.png) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 5;
	opacity: 0;
}
.orange_mask {
	background: url(../images/orange_mask.png);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	display: none;
}
.orange_mask a {
	display: block;
	color: #fff;
}
.orange_mask a:hover {
	color: #fff;
}
.orange_mask h2 {
	border: 2px solid #fff;
	text-align: center;
}
.nextscreenbox {
	display: block;
	width: 220px;
	height: 70px;
	position: absolute;
	bottom: 30px;
	left: 300px;
	cursor: pointer;
	z-index: 11;
}
.nextscreen {
	margin: 0 auto;
	width: 95px;
	height: 35px;
	border: 4px solid #bf2400;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 12;
}
.nextscreenbox p {
	color: #bf2400;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	margin: 5px auto;
	text-align: center;
}
.nextarrow, .prevarrow {
	width: 103px;
	height: 86px;
	display: black;
	position: absolute;
	z-index: 9;
	top: -46px;
	left: -4px;
	overflow: hidden;
}
.nextarrow {
	background: url(../images/next_btn_move.png);
}
.prevarrow {
	background: url(../images/prev_btn_move.png);
	top: -4px;
	left: -4px;
}
.btnbgred {
	background: #bf2400;
	width: 95px;
	height: 40px;
	display: black;
	position: absolute;
	z-index: 8;
	opacity: 0;
}
.section3 .nextscreenbox p {
	color: #fff;
}
.ibox1 {
	position: relative;
	z-index: 1;
}
.disnonw {
	display: none;
}
.toptitle {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 140px;
	z-index: 1;
	opacity: 0;
	text-align: center;
	/*width: 354px;*/
	width: 100%;
	 
}
.white{ color: #fff;}
.red{color: #f00;}
.toptitle h2{
	font-weight: 100;
	font-size: 18px;
	font-family: "Microsoft Yahei";
	margin-top: 10px;

}
@font-face {
	font-family: "fanzxih";
	src: url("../font/fanzxih.eot"); /* IE9 */
	src: url("../font/fanzxih.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

	url("../font/fanzxih.woff") format("woff"), /* chrome、firefox */
	url("../font/fanzxih.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

	url("../font/fanzxih.svg#fanzxih") format("svg"); /* iOS 4.1- */
	font-style: normal;
	font-weight: normal;

}







.boxwrap .toptitle p{

	font-family:fanzxih;
	font-size: 30px;
	word-spacing:0px;
	letter-spacing: 0px


}

.ibox2 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 500px;
}
.ibox2 .ser1 {
	position: absolute;
	width: 306px;
	margin-right: 25px;
	height: 470px;
	background: url(../images/sera.png) 50% 0 no-repeat;
	opacity: 0;
	transition: all .5s;
	bottom: 5%;
}
.ibox2 .ser2 {
	position: absolute;
	width: 338px;
	height: 470px;
	background: url(../images/ff.png) 50% 0 no-repeat;
	opacity: 0;
	transition: all .5s;
	margin-left: -150%;
}
.active .ibox2 .ser2 {
	top: 25%;
	margin-left: 432px;
	opacity: 1;
	transition-delay: 1.2s;
}
.ibox2 .ser3 {
	position: absolute;
	width: 306px;
	margin-left: 25px;
	height: 470px;
	background: url(../images/serb.png) 50% 0 no-repeat;
	opacity: 0;
	transition: all .5s;
	bottom: 5%;
}
.active .ibox2 .ser1 {
	left: 5%;
	opacity: 1;
	transition-delay: 1.5s;
}
.active .ibox2 .ser3 {
	right: 5%;
	opacity: 1;
	transition-delay: 1.8s;
}
.ibox2 .ser1 h3 {
	font-size: 24px;
	color: #e11919;
	width: 215px;
	text-align: right;
}
.ibox2 .ser1 div {
	font-size: 12px;
	color: #838383;
	width: 215px;
	text-align: right;
	line-height: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser1 h3.t1 {
	margin-top: 50px;
	margin-bottom: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser1 h3.t2 {
	margin-top: 40px;
	margin-bottom: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser1 h3.t3 {
	margin-top: 57px;
	margin-bottom: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser2 .zx {
	position: absolute;
	width: 173px;
	height: 48px;
	top: 0;
	left: 28%;
	background: url(../images/zx.png) 50% 0 no-repeat;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser2 a {
	display: block;
	width: 173px;
	height: 48px;
}
.ibox2 h3 a {
	color: #e11919;
}
.ibox2 h3 a:hover {
	color: #e11919;
	text-decoration: underline;
}
.active .ibox2 .ser1 h3.t1 {
	opacity: 1;
	transition-delay: 2.1s;
}
.active .ibox2 .ser1 .d1 {
	opacity: 1;
	transition-delay: 2.3s;
}
.active .ibox2 .ser1 h3.t2 {
	opacity: 1;
	transition-delay: 2.5s;
}
.active .ibox2 .ser1 .d2 {
	opacity: 1;
	transition-delay: 2.7s;
}
.active .ibox2 .ser1 h3.t3 {
	opacity: 1;
	transition-delay: 2.9s;
}
.active .ibox2 .ser1 .d3 {
	opacity: 1;
	transition-delay: 3.1s;
}
.active .ibox2 .ser2 .zx {
	opacity: 1;
	top: 60%;
	transition-delay: 3.5s;
}
.ibox2 .ser3 h3 {
	font-size: 24px;
	color: #e11919;
	width: 215px;
	text-align: left;
	margin-left: 90px;
}
.ibox2 .ser3 div {
	font-size: 12px;
	color: #838383;
	width: 215px;
	text-align: left;
	line-height: 20px;
	margin-left: 90px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser3 h3.t1 {
	margin-top: 50px;
	margin-bottom: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser3 h3.t2 {
	margin-top: 57px;
	margin-bottom: 20px;
	opacity: 0;
	transition: all .5s;
}
.ibox2 .ser3 h3.t3 {
	margin-top: 57px;
	margin-bottom: 20px;
	opacity: 1;
	opacity: 0;
	transition: all .5s;
}
.active .ibox2 .ser3 h3.t1 {
	opacity: 1;
	transition-delay: 2.1s;
}
.active .ibox2 .ser3 .d1 {
	opacity: 1;
	transition-delay: 2.3s;
}
.active .ibox2 .ser3 h3.t2 {
	opacity: 1;
	transition-delay: 2.5s;
}
.active .ibox2 .ser3 .d2 {
	opacity: 1;
	transition-delay: 2.7s;
}
.active .ibox2 .ser3 h3.t3 {
	opacity: 1;
	transition-delay: 2.9s;
}
.active .ibox2 .ser3 .d3 {
	opacity: 1;
	transition-delay: 3.1s;
}

/*第一屏s*/

.banner{ height:100%; overflow:hidden; position:relative; background-color:#000}
.banner-bg{ width:100%; height:100%; background-image:url(//gtd.uicdn.cn/sanways/2020year.jpg);background-size: cover; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.banner-video{ position:absolute; left:0; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
 
.banner-tex{ text-align:center; position:relative; margin:120px 0 60px 0}
.banner-tex h2{ font-size:54px; line-height:54px; color:#fff; }
.banner-tex h3{ font-size:16px; line-height:24px; color:#e8e8e8; padding:40px 0 30px 0; font-weight:normal}
.banner-tex p{ font-size:24px; line-height:24px; color:#fff; padding-bottom:38px;}
.banner-tex a{ width:138px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:16px; margin:0 5px; display:inline-block; color:#fff}
.banner-tex a.login-btn,.banner-tex a:hover{ background-color:#ff6800; border-color:#ff6800; color:#fff}
.banner-tex a.login-btn:hover{ background-color:#ed6101}
.banner-con{ position:relative; text-align:center; bottom:10px;}
.banner-con h4.tit{ color:#e8e8e8}
.banner-con ul{ display:inline-block;}
.banner-con li{ float:left; width:238px; border-right:1px solid rgba(242,242,242,.1); padding:15px 0;  transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.banner-con li a{ display:block}
.banner-con li .li-img{ width:238px; height:62px; vertical-align: middle; text-align: center; display: table-cell;}
.banner-con li .li-img img{ display:inline-block;}
.banner-con li .li-tex{ text-align:center; padding-top:20px}
.banner-con li .li-tex h5{ color:#fff; font-size:14px; font-weight:normal; padding-bottom:5px;}
.banner-con li .li-tex p{ color:#ccc; font-size:12px; line-height:12px;}
 
h4.tit {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}

 
h4.tit span {
    display: block;
    padding-bottom: 30px;
}
h4.tit i {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #bbb;
    margin: 0 auto;
}
.banner-con img{ width:48px; height:48px;}

/*第一屏e*/
.casebox {
	width: 1200px;
	height: 325px;
	margin-top: -92px;
	 
}
.casebox .bd {
	width: 1000px;
	float: left;
	overflow: hidden;
}
.case_btnl, .case_btnr {
	margin-top: 67px;
	overflow: hidden;
}
.casebox {
	position: absolute;
	top: 50%;
	 
	z-index: 1;

	
}
.case_btnl {
	background: url(../images/circle_white.png) no-repeat;
	margin-right: 25px;
	float: left;
}

.case_btnl, .case_btnr {
	cursor: pointer;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	overflow: hidden;
}

.case_btnr {
	cursor: pointer;
	background: url(../images/circle_white.png) no-repeat;
	 
	float: right;
	 
}

.case_warp {
	position: relative;
	left: 0;
	width: 400%;
}
.casebox .s3_img {
	height: 319px;
	float: left;
	width: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background: url(../images/whiteline.png) center 269px no-repeat;
	overflow: hidden;
}
.casebox .s3_img.on {
	background-color: #8f2518;
}
.casebox .s3_img .img {
	width: 240px;
	height: 159px;
}
.casebox .s3_img .img img {
	width: 100%;
	height: 100%;
}
.casebox .s3_img span.sort {
	float: left;
	width: 55px;
}
.casebox .s3_img .tit {
	height: 50px;
	width: 190px;
	padding-left: 50px;
	margin-top: 20px;
}
.casebox .s3_img .num1 {
	background: url(../images/num1.png) no-repeat;
}
.casebox .s3_img .num2 {
	background: url(../images/num2.png) no-repeat;
}
.casebox .s3_img .num3 {
	background: url(../images/num3.png) no-repeat;
}
.casebox .s3_img .num4 {
	background: url(../images/num4.png) no-repeat;
}
.casebox .s3_img .tit h3 {
	width: 185px;
	color: #fff;
	font-size: 16px;
	padding-left: 5px;
}
.casebox .s3_img .tit h3 p {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}
.active .s3_img .tits {
	opacity: 1;
	transition-delay: .7s;
}
.s3_img {
	display: block;
	float: left;
	height: auto;
	position: relative;
}
.s3_img img {
	width: 100%;
	height: 100%;
}
.mosaic-overlay {
	display: none;
	z-index: 5;
	position: absolute;
	width: 240px;
	height: 160px;
}
.fade .mosaic-overlay {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	background: url(../images/bg-black.png);
}
.fade h4 {
	line-height: 33px;
	text-align: center;
	letter-spacing: .15em;
	color: #fff;
	border: 2px solid #fff;
	width: 82px;
	height: 33px;
	margin-top: 58px;
	margin-left: 79px;
}
.gybg_left {
	position: absolute;
	width: 33%;
	background: url(../images/mob11_bg.png) right no-repeat;
	background-size: cover;
	height: 100%;
}
.gybg_left .public_pd {
	text-align: right;
	float: right;
	padding-right: 50px;
}
.gybg_center {
	float: left;
	z-index: -888;
	width: 34%;
	margin-left: 33%;
	background: #900 url(../images/mob22_bg.png) right no-repeat;
	background-size: cover;
	height: 100%;
}
.gybg_right {
	position: absolute;
	width: 33%;
	z-index: 2;
	margin-left: 67%;
	background: url(../images/mob33_bg.png) no-repeat;
	background-size: cover;
	height: 100%;
}
.blackbg {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/black_mask.png);
}
.public_pd .p_tit {
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: normal;
}
.public_pd h3 {
	font-size: 30px;
	background: url(../images/top_bg2.png) right bottom no-repeat;
	height: 84px;
	margin-bottom: 20px;
}
.public_pd h3 p {
	font-size: 12px;
}
.public_pd p {
	font-size: 12px;
	line-height: 30px;
}
.public_pd {
	right: 50;
	width: 200px;
	top: 12%;
	position: relative;
	z-index: 0;
	text-align: right;
}
.public_pd h3 {
	background: url(../images/top_bg2.png) right bottom no-repeat;
}
.boxwrap .white, .boxwrap .white a {
	color: #fff;
}
.subject {
	position: absolute;
 
	height: 240px;
	
	bottom:10%;

	left: calc((100% - 1200px) / 2);


}
.subject .subbox li {
	float: left;

	width:16.666%;

	/*width: 121px;
	margin-left: 40px;*/
	height: 240px;
	color: #fff;
	font-size: 16PX;
	text-align: center;
}
.subject li a {
	color: #fff;
	display: block;
	width: 121px;
	height: 240px;
	margin: 0 auto;
}
.subject .subbox li p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
.subject .subbox li.on {
	color: #e11919;
	cursor: pointer;
	background: url(../images/subline.png) center bottom no-repeat;
}
.subject .subbox li h3 {
	width: 121px;
	padding-top: 155PX;
}
.subject .subbox li a.li1 {
	background: url(../images/i1.png) no-repeat;
}
.subject .subbox li a.li2 {
	background: url(../images/i2.png) no-repeat;
}
.subject .subbox li a.li3 {
	background: url(../images/i3.png) no-repeat;
}
.subject .subbox li a.li4 {
	background: url(../images/i4.png) no-repeat;
}
.subject .subbox li a.li5 {
	background: url(../images/i5.png) no-repeat;
}
.subject .subbox li a.li6 {
	background: url(../images/i6.png) no-repeat;
}
.subject .subbox li:last-child {
	margin-right: 0;
}
.subject li a {
	color: #fff;
}
.subject li.on a {
	color: #e11919;
}
.subject .subbox li .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i01.png) no-repeat;
}
.subject .subbox li a.li1 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i01.png) no-repeat;
}
.subject .subbox li a.li2 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i02.png) no-repeat;
}
.subject .subbox li a.li3 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i03.png) no-repeat;
}
.subject .subbox li a.li4 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i04.png) no-repeat;
}
.subject .subbox li a.li5 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i05.png) no-repeat;
}
.subject .subbox li a.li6 .p3 {
	width: 121px;
	height: 0;
	position: absolute;
	background: url(../images/i06.png) no-repeat;
}
.news_box {
	position: absolute;
	 
	/*height: 210px;*/
	bottom: 5%;

	left: calc((100% - 1500px) / 2);
	 
}
.news_box .fl{ float:left;}
 .news_box .fr{ float:right;}

.floor6{ width:100%; height:736px; background-color:#e4e4e4;}
.blog{ width:1000px; margin:0 auto; }
.blog_l{ width:340px; height:314px; background: #fff;  }
.blog_r{ width:724px; height:314px;}
.blog_sel{ height:40px; line-height:40px; padding-bottom:28px; text-align:center;}
.blog_sel a{ color:#333;   width:auto; padding:0 33px;}
.blog_sel a.blog_on{ color:#d3001e; background:url(../images/blog_cur.jpg) no-repeat bottom; padding-bottom:16px;}
.blog_img{ position:relative; width:340px; height:104px;}
.blog_img img{ display:block; width:340px; height:104px;}
.blog_infor{ padding:16px 12px 0 12px;}
.blog_title a,.blog_Rmore b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blog_title a{ color:#d3001e; font-size:16px; font-weight:bold; display:block;}
.blog_intro{ color:#818181; font-size:12px; line-height:26px; height:104px; overflow:hidden; padding-top:6px; margin-bottom:6px;}
.blog_wel span{ font-family:Arial; color:#666; padding-left:20px; margin-right:30px; font-size:12px;}
.blog_wel1{ background:url(../images/blog_icon1.png) no-repeat left;}
.blog_wel2{ background:url(../images/blog_icon2.png) no-repeat left;}
.blog_list ul{ width:756px;}
.blog_list li{ float:left; margin:0 34px 22px 0; display:inline; background-color:#FFF; position:relative; width:344px; height:90px;}
.blog_list li a{ display:block; width:344px; height:90px; padding:14px 24px 14px 18px; border:2px solid #fff;}
.blog_list li a span{ display:block; cursor:pointer;}
.blog_Rtime{ width:58px; height:58px; padding-top:10px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:24px;}
.blog_Rtime em{ font-style:normal; font-size:14px;}
.blog_Rmore{ width:230px;}
.blog_Rmore b{ color:#333; display:block; width:230px; height:24px; font-size:14px;}
.blog_Rmore span{ line-height:18px; height:36px; overflow:hidden; font-size:12px;}
.blog_list li a .blog_more{ display:block; position:absolute; bottom:0; right:0; background:url(../images/blog_mbd.jpg) no-repeat; width:12px; height:12px; display:none;}
.blog_list li a:hover{ border:2px solid #d3001e;}
.blog_list li a:hover .blog_more{ display:block;}
.blog_list li a:hover .blog_Rtime{ background-color:#c70c1f;}
.blog_list li a:hover .blog_Rmore b{ color:#c70c1f;}

.blog_infTop{ height:auto; overflow:hidden; padding-bottom:4px;}
.blog_time{ width:72px; height:68px; background-color:#c70c1f; z-index:10;}
.blog_time span{ display:block; font-family:Arial; color:#FFF; width:72px; height:34px; line-height:34px; text-align:center;}
.blog_y{ font-size:30px;}
.blog_day{ background-color:#a80011; font-size:14px;}
.blog_infR{ width:230px;}
.blog_title{ padding:6px 0 8px;}
.blog_infR .blog_title a{ display:block; height:24px;}


.news_box .bd {
	width: 1020px;
	float: left;
	overflow: hidden;
}
.position {
	float: left;
}
.news_box .bd {
	width: 1000px;
	float: left;
	overflow: hidden;
}
.leftbtn .red_l {
	width: 0;
	height: 71px;
	background: url(../images/news_prev.gif) no-repeat;
}
.rightbtn .red_r {
	width: 0;
	height: 71px;
	background: url(../images/red_next.gif) right no-repeat;
	position: absolute;
	right: 1px;
}
.leftbtn, .rightbtn {
	cursor: pointer;
	display: inline-block;
	margin-top: 70px;
	width: 38px;
	height: 71px;
	float: left;
}
.leftbtn {
	background: url(../images/news_prev.gif) -43px 0 no-repeat;
	margin-right: 15px;
}
.rightbtn {
	background: url(../images/news_next.gif);
	position: relative;
	margin-left: 15px;
}
.news_wrap {
	position: relative;
	left: 0;
}
.news_info {
	width: 310px;
	margin-right: 15px;
	margin-left: 15px;
}
.news_info h3 {
	font-size: 14px;
	color: #666;
	height: 24px;
	line-height: 26px;
	padding: 20px 0;
}
.news_con {
	height: 74px;
	font: normal 12px/18px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}
.news_img {
	width: 95px;
	height: 59px;
}
.s3_img, .s3_img img {
	width: 232px;
	height: 185px;
}
.news_info {
	height: 200px;
	float: left;
}
.news_info h3 a {
	color: #fff;
}
.news_info h3 a:hover {
	color: #bf2400;
}
.news_con {
	display: block;
	overflow: hidden;
	color: #999;
	font-size: 12px;
}
.news_img {
	float: left;
	margin-right: 10px;
}
.time_line {
	border-bottom: 1px solid #999;
	line-height: 24px;
	color: #999;
	font-size: 12px;
}
.btn_detail {
	display: inline-block;
	border: 2px solid #8e8e8e;
	width: 60px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	color: #8e8e8e;
	margin-top: 12px;
}
.btn_detail:hover {
	color: #FFF;
	background: #bf2400;
	border: 2px solid #bf2400;
}
.active .newsbox h2 {
	opacity: 1;
	transition-delay: .7s;
}
.active .newsbox #box {
	margin-left: 0;
	opacity: 1;
	transition-delay: 1.0s;
}
.active .newsbox .moreb {
	opacity: 1;
	transition-delay: 1.7s;
}
.contact {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 407px;
}
.contact .title {
	background: url(../images/contit.png) 50% 0 no-repeat;
	height: 18px;
	width: 567px;
	margin: 0 auto;
	opacity: 0;
	transition: all .5s;
}
.contact .h2 {
	background: url(../images/conh1.png) 50% 0 no-repeat;
	height: 70px;
	width: 912px;
	margin: 0 auto;
	margin-top: 90px;
	opacity: 0;
	transition: all .5s;
}
.contact .h2tag {
	background: url(../images/conred.png) 50% 0 no-repeat;
	width: 124px;
	height: 44px;
	margin: 0 auto;
	position: relative;
	top: -550px;
	left: -30px;
	opacity: 0;
	transition: all .5s;
}
.contact .link {
	/*background: url(../images/conlink.png) 50% 0 no-repeat;*/
	width: 1000px;
	height: 106px;
	margin: 0 auto;
	margin-top: 20px;
	opacity: 1;
	transition: all .5s;
	bottom: -500px;
	left:-40px;
	position: relative;
}
.linkbox li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	
}
.contact .link ul{ width:1148px;}
.contact .link li{ float:left; margin-right:57px; margin-top:50px; display:inline; width:230px; height:120px; background:#454545;
filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;}
.contact .link li:hover{ background:#e54e4e;}	  
.contact .link li a,.contact li span,.contact li img{ display:block;}
.contact .link li img,.contact_icon{ width:72px; height:54px; margin:18px 0 12px 79px; display:block;}
.contact .link li span{ color:#e0e0e0; font-size:14px; text-align:center;}
.contact_icon1{ background:url(../images/contact_Cicon1.png) no-repeat;}
.contact_icon2{ background:url(../images/contact_Cicon2.png) no-repeat;}
.contact_icon3{ background:url(../images/contact_Cicon3.png) no-repeat;}
.contact_icon4{ background:url(../images/contact_Cicon4.png) no-repeat;}
.floor7 .contact li:hover{ background:url(../images/contact_yyho.png) repeat;}
 
 
.active .contact .title {
	opacity: 1;
	transition-delay: .7s;
}
.active .contact .h2 {
	opacity: 1;
	transition-delay: 1.0s;
}
.active .contact .h2tag {
	top: -50px;
	opacity: 1;
	transition-delay: 2.3s;
}
.active .contact .link {
	opacity: 1;
	transition-delay: 1.6s;
	bottom: 0;
}
.active .linkbox {
	position: absolute;
	bottom: 10px;
	width: 100%;
	font-size: 12px;
}
.active .linkbox,.active .linkbox a{
	color:#fff;
}

#fullPage-nav {
	position: fixed;
	z-index: 100;
	top: 35%;
	left: 0;
	opacity: 1;
}
#fullPage-nav.right {
	right: 17px;
}
#fullPage-nav.left {
	left: 17px;
}
.fullPage-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fullPage-slidesNav.bottom {
	bottom: 17px;
}
.fullPage-slidesNav.top {
	top: 17px;
}
#fullPage-nav ul, .fullPage-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fullPage-nav li, .fullPage-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}
.fullPage-slidesNav li {
	display: inline-block;
}
#fullPage-nav li a, .fullPage-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fullPage-nav span, .fullPage-slidesNav span {
/*	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;*/
	
display: block;
    color: #FFF;
    font-size: 14px;
    width: 30px;
    height: 30px;
    background-color: #333;
    opacity: 0.7;
     
    border-radius: 15px;
    text-align: center;	
	line-height:30px;
top: -4px;
	left: -3px;
	position: absolute;
	 
	
}

#fullPage-nav li.active span, .fullPage-slidesNav .active span {
	background: #ef1b1b;
}
.fullPage-tooltip {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	top: -2px;
}
.fullPage-tooltip.right {
	right: 20px;
}
.fullPage-tooltip.left {
	left: 20px;
}
#fullPage-nav {
	_display: none;
	font-size: 12px;
	width: 123px;
	height: 356px;
	background: url(../images/slider_btn_bg.png) 23px 305px no-repeat;
}

#fullPage-nav ul{
	
	/* background:url(../images/fullnav-bg.png) 23px 0px  no-repeat;*/
	}

#fullPage-nav li {
	width: 40px;
	height: 21px;
	margin: 20px 0 0;
	vertical-align: middle;
}
#fullPage-nav li a {
	float: right;
	width: 21px;
	height: 21px;
	color: #8F9DA4;
	text-decoration: none;
	text-align: right;
	/*background: url(../images/dot.png) 5px 5px no-repeat;*/
}
#fullPage-nav li .active {
	background-position: 0 bottom;
}
#fullPage-nav span {
	/*display: none;*/
}
.fullPage-tooltip {
	float: left;
	top: 0;
	margin-right: 5px;
	font: 12px "Microsoft Yahei";
	color: #8F9DA4;
	line-height: 21px;
}

.sercicebox{


}

.service {
	position: absolute;
	bottom: 10%;
	left: calc((100% - 1500px) / 2);
}
.service .list{   width: 100%; padding-top: 50px;  }
.service .list li{ width: 20%; float: left; position: relative; min-height: 400px;}
.service .list li .cont{ width: 100%; position: absolute; top: 0; left: 0; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;  min-height: 400px;}
.service .list li .pic{ width: 120px; height: 120px; margin: 0 auto 10px; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;}
.service .list li .title{ font: 18px/24px "microsoft yahei"; color: #fff; text-align: center; margin: 15px 0;}
.service .list li .icon{ text-align: center;}
.service .list li .txt{ margin-bottom: 15px; padding: 0 20px;}
.service .list li .txt p{ font: 12px/18px "microsoft yahei"; color: #fff; margin-top: 20px;}
.service .list li .more{ width: 100%; position: absolute; bottom: 20px; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;}
.service .list li .more a{ display: block; width: 176px; height: 24px; border: 1px solid #fff; text-align: center; font: 14px/24px "microsoft yahei"; color: #fff; margin: 0 auto; opacity: 0; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;}
.service .list li:hover .cont{ padding-top: 50px; background: rgba(220,57,38,0.4);  box-shadow: 0 6px 8px rgba(0,0,0,0.3); }
.service .list li:hover .more a{ opacity: 1;}
.service .list li:hover .pic{ background-position: 0 0 !important;}
.service .list li .pic
{
	background-position:0 -156px;
}

/*优势*/
.advantage {

	position: absolute;
 
	height: 419px;
	bottom: 10%;
	 

	left: calc((100% - 1500px) / 2);



}
.advantage ul {
	display: block;
	width: 1080px;
	padding-top: 70px;
	margin: 0 auto;
}
.advantage ul li {
	float: left;
	width: 25%;
}
.advantage div {
	border-radius: 50%;
	width: 182px;
	height: 182px;
	background: #f2f2f2;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.advantage ul li div h2.h01 {
	color: #999;
}

.advantage div h2 {
	font-size: 48px;
	margin-top: 45px;
	line-height: 50px;
	font-weight: 400;
}
.advantage div h3 {
	font-weight: 400;
	font-size: 20px;
	margin-top: 15px;
	color: #999;
}

.advantage p {
	text-align: center;
	width: 190px;
	margin: 30px auto 0;
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
.advantage ul li div h2.h02 {
	color: #999;
}

.advantage ul li div h2.h03 {
	color: #999;
}

.advantage ul li div h2.h04 {
	color: #999;
}


.advantage ul li:hover {
	animation: build_banner 2s ease-in-out .1s infinite;
	-webkit-animation: build_banner 2s ease-in-out .1s infinite;
	-moz-animation: build_banner 2s ease-in-out .1s infinite;
	-o-animation: build_banner 2s ease-in-out .1s infinite;
	-ms-animation: build_banner 2s ease-in-out .1s infinite;
}
.advantage ul li:hover div {
	-webkit-transition: all .5s ease-in-out .01s;
	-moz-transition: all .5s ease-in-out .01s;
	-o-transition: all .5s ease-in-out .01s;
	-ms-transition: all .5s ease-in-out .01s;
	transition: all .5s ease-in-out .01s;
	background: #e11919;
	color: #fff;
}
.advantage ul li:hover h2.h04,.advantage ul li:hover h2.h03,.advantage ul li:hover h2.h02,.advantage ul li:hover h2.h01 {

	color: #fff;
}
.advantage ul li:hover h3 {

	color: #fff;
}

.m-new-float{
	display: none;
}

@media screen and (max-width: 1600px){

 .wrap {
		width: 1300px;
	}

	.service {
		 
		bottom: 8%;
		left: calc((100% - 1300px) / 2);
	}

	.advantage {
		 
		bottom: 8%;
		left: calc((100% - 1300px) / 2);
	}

	.subject {
		 
		bottom: 10%;
		left: calc((100% - 1300px) / 2);
	}

	.news_box {
		 
		bottom: 10%;
		left: calc((100% - 1140px) / 2);
	}
	.news_box.wrap{
		width: 1140px;
	 
	}
 
}

@media screen and (max-width: 1440px)
{

	.wrap {
		width: 1200px;
	}

	.service {
		 
		bottom: 6%;
		left: calc((100% - 1200px) / 2);
	}

	
	.advantage {
		 
		bottom: 6%;
		left: calc((100% - 1200px) / 2);
	}

	.subject {
		 
		bottom: 10%;
		left: calc((100% - 1200px) / 2);
	}

	.news_box {
		 
		bottom: 10%;
		left: calc((100% - 1140px) / 2);
	}
	.news_box.wrap{
		width: 1140px;
	 
	}



}






@media screen and (max-width:1366px){


}
@media screen and (max-width:1250px){


  }
@media screen and (max-width:1024px){
	.wrap {  width: auto;}
  }

 
  @media screen and (max-width:768px){

	.wrap {margin: 0 3% !important; width:94%;}

	#fullPage-nav{display: none;}
     
	#head.heads {
		box-shadow: 0 5px 8px rgba(0,0,0,0.1);
		background: #fff;
		padding-top: 15px;
		padding-bottom: 15px;
	}


   

    #head .menu-link{ display:block;}
     
	#head .menu{ display:none; position:absolute; top:0px; padding-top:50px; left:-30px; right:-30px;height: 100vh; background:rgba(0,0,0,0.8);}
    #head  .menu li{ display:block; float:none; padding:0px; text-align:center;}
    #head  .menu li a{ height:34px; line-height:34px; font-size:18px; color:#fff;}
    #head  .menu li a.active:after{ display:none;}
 

 
            
 
          
           
    .menu-link span,
    .menu-link span:before,
   .menu-link span:after {background-color: rgb(217,25,49);}
    .menu-link.active span:before { background-color:rgb(217,25,49);
            -webkit-transform: rotate(45deg) translate(.5em, .4em);
            -moz-transform: rotate(45deg) translate(.5em, .4em);
            -ms-transform: rotate(45deg) translate(.5em, .4em);
            -o-transform: rotate(45deg) translate(.5em, .4em);
            transform: rotate(45deg) translate(.5em, .4em);
            }
      .menu-link.active span:after { background-color:rgb(217,25,49);
            -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
            -moz-transform: rotate(-45deg) translate(.6em, -.5em);
            -ms-transform: rotate(-45deg) translate(.6em, -.5em);
            -o-transform: rotate(-45deg) translate(.6em, -.5em);
            transform: rotate(-45deg) translate(.6em, -.5em);
			}


			.banner-tex h2 {
				font-size: 20px;
				line-height: 20px;
				color: #fff;
			}

			.banner-tex h3 {
				font-size: 14px;
				padding: 30px 20px;
				 
			 
			}

			.banner-tex p {
				font-size: 16px;
				line-height: 20px;
				color: #fff;
				padding-bottom: 19px;
			}

			.banner-video {
				 display: none;
			}

			.banner-con ul {
				display:none;
			}

			.banner-con {
				position: absolute;;
				text-align: center;
				bottom: 10%;
				width: 100%;
			}

			h4.tit i {
			 
				background-color: rgb(217,25,49);
				 
			}

			.section1 {
				background: url(../images/bg1.jpg) 50% 50%;
				background-size: cover;
			}

			.service {
				bottom: 6%;
				left: 0px;
				 
			}


			.service .list li {
				width: 50%;
				float: left;
				position: relative;
				min-height: 200px;
			}

			.service .list li:last-child{
				display: none;
			}

			.service .list li .icon,.service .list li .txt {
				display: none;
			}

			.service .list li .pic {
				width: 60px;
				height: 60px;
				margin: 0 auto 10px;
				transition: 0.3s ease all;
				-moz-transition: 0.3s ease all;
				-webkit-transition: 0.3s ease all;
				background-size: 100%;
				background-position:0 -78px;
			}

			.service .list li .cont {
			 
				min-height: 200px;
				 
			}

			.service .list li .title {
			  font-size: 14px;
				 
			}

			.blog_l{
				display: none;
			}

			 

			.blog_r {
				width: 100%;
				height: auto;
			}

			#foot{
				display: none;
			}

			.news_box {
				bottom: 10%;
				left: 0px;
			}

			.news_box.wrap {
				width: 94%;
			}

			.blog_list ul {
				width: 100%;
			}

			.blog_list li {
				float: none;
				 
				display: flex;
				background-color: #FFF;
				position: relative;
				width: 100%;
				height: 90px;
			}

			.contact {
				width: 96%;
				margin: 0 auto;
				position: relative;
				height: auto;
				margin-bottom: 100px;
				overflow: hidden;
			}

			.contact .title {
				 display: none;
			}

			.contact .h2 {
				background-image: url(../images/conh1.png);
				background-size: contain;
				 
				width: 100%;
				margin: 0 auto;
				margin-top: 50px;
				opacity: 1;
				transition: all 0s;
			}

			.contact .h2tag {
				 
			 
				top: 0;
				left: auto;
				 
			}

			.contact .link {
				/* background: url(../images/conlink.png) 50% 0 no-repeat; */
				width: 96%;
				height: 106px;
				margin: 0 auto;
				margin-top: 20px;
				opacity: 1;
				transition: all .5s;
				bottom: 10%;
				left: auto;
				position: relative;
			}

			.contact .link ul {
				width: 100%;
			}
			

			.contact .link li {
				float: left;
				margin-right: 5px;
				margin-left: 5px;
				margin-top: 50px;
				display: inline;
				width: calc(50% - 10px);
				height: 120px;
				background: #454545;
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;
			}

			.contact .link li img, .contact_icon {
				width: 72px;
				height: 54px;
				margin: 18px auto 12px ;
				display: block;
			}


			.subject {
				bottom: 40%;
				left: 0;
			}

			.subject .subbox li {
				float: left;
				width: 50%;
				height: 240px;
				color: #fff;
				font-size: 16PX;
				text-align: center;
			}


			.subject .subbox li:nth-of-type(n+5){
				display: none;
			}
			
 

			.blog_list li:nth-of-type(n+5){
				display: none;
			}

			.linkbox,.copybox{
				display: none;
			}


			.advantage {
				bottom: 10%;
				left: 0px;
			}

			.advantage ul li {
				float: left;
				width: 50%;
				margin-bottom: 10px;
			}

			.advantage ul {
				display: block;
				width: 100%;
				 
				margin: 0 auto;
			}

			.advantage div {
				border-radius: 50%;
				width: 91px;
				height: 91px;
				background: #f2f2f2;
				overflow: hidden;
				margin: 0 auto;
				text-align: center;
			}

			.advantage div h2 {
				font-size: 24px;
				margin-top: 31px;
				line-height: 24px;
				font-weight: 400;
			}

			.advantage div h3 {
				 display: none;
			}

			.advantage p {
				text-align: center;
				width: 90%;
				margin: 20px auto 0;
				color: #666;
				font-size: 14px;
				line-height: 25px;
			}


			.casebox {
				width: 100%;
				height: 325px;
				margin-top: -92px;
			}

			.case_btnl {
				
			 margin-right: 0px;
				
			}

			.casebox .bd {
    width: 250px;
    float: left;
    overflow: hidden;
}
.case_warp {
    position: relative;
    left: 0;
    width: 40000%;
}

.m-new-float{
	display: block;
	position: fixed;
    left: 0;
    bottom: 0%;
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #f14702;
}

.m-new-float li {
    position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
}
.m-new-float li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}
.m-new-float li a.tit {
    width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
}

.m-new-float li.fi a {
    background: url(../images/bg_float01.png) no-repeat;
}
.m-new-float li.th a {
    background: url(../images/bg_float03.png) no-repeat;
}      
.m-new-float li.fif a {
    background: url(../images/bg_float05.png) no-repeat;
}

.section7 .boxwrap{
	overflow: hidden;
}

  }
  
  @media screen and (max-width:740px){


  }
  
  @media screen and (max-width:640px){


  
  }
    
  @media screen and (max-width:540px){

  }

@media screen and (max-width: 480px){


}

@media screen and (max-width: 413px){
	 
	}
	
	@media screen and (max-width: 375px){
	 
}

@media screen and (max-width:320px ) and (max-height:480px ){

	.blog_list li:nth-of-type(n+3){
		display: none;
	}


}

@media screen and  (max-width:375px ) and (max-height:667px ){
	.blog_list li:nth-of-type(n+4){
		display: none;
	}

}